$(function () {
  // 获取分类页传递的id
  var categoryid=getData('categoryid');
  var pageid=1;
  var totalCount;
  var pagesize;
  var page;

  // 获取路径导航的分类标题
  $.ajax({
    url:baseUrl+'/api/getcategorybyid',
    data:{
      categoryid:categoryid || 0
    },
    dataType:'json',
    success:function (info) {
      console.log(info);
      $('.mmb-pathNav ul').html(template('tmp-poth',info));
    }
  })

  // 渲染产品详情页
  function render() {
    $.ajax({
      async:false,
      url:baseUrl+'/api/getproductlist',
      data:{
        categoryid:categoryid || 0,
        pageid:pageid || 0
      },
      dataType:'json',
      success:function (info) {
        // console.log(info);
        
        $('.mmb-prolist').html(template('tmp-prolist',info));
        pagesize=info.pagesize;
        totalCount=info.totalCount;
        // console.log(pagesize,totalCount);
        
      }
    })
  }
  render();
 
  page=Math.ceil(totalCount/pagesize);
  var list={
    page:page
  }
  // 渲染分页
  $('.paging').html(template('tmp-paging',list));
  // console.log(template('tmp-paging',list));
  
  // 分页按钮事件
  $('.next').click(function () {
    pageid++;
    if (pageid>page) {
      pageid=page;
      return;
    }
    $('.paging').find('option')[pageid-1].selected=true;
    
    
    render();
  });
  $('.prev').click(function () {
    pageid--;
    if (pageid<1) {
      pageid=1;
      return;
    }
    render();
    $('.paging').find('option')[pageid-1].selected=true;
  });

  // 选中分页渲染对应页
  $(".paging").change(function(){
    pageid=$(this).children('option:selected').val();
    render();
  })

  // 点击商品列表跳转到商品详情页
  $('.mmb-prolist').on('click','.list',function () {
    var id=$(this).data('id');
    var reUrl=location.href;
    
    location.href='./bijia.html?reUrl='+reUrl+'&productId='+id;
  })
})